<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>车辆基础资料</title>
    <link href="<%=path%>/CSS/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="<%=path%>/JQuery/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="<%=path%>/My97DatePicker/WdatePicker.js"></script>
    <style type="text/css">
        .seachform li label {
            line-height: 45px;
            color: #444444
        }

        .scinput {
            line-height: 10px;
            margin-top: 5px
        }

        .scinput1 {
            margin-top: 5px;
            height: 30px;
        }

        .scbtn {
            background: #57a0ff;
            border-radius: 20px;
            width: 110px;
            margin-top: 4px;
            height: 35px
        }

        .scbtn2 {
            height: 20px;
            background: #57a0ff;
            border-radius: 20px;
            width: 50px;
            color: #fff;
            display: none;
        }

        .tablelist {
            border: none;
            margin: 10px 20px
        }

        .tablelist th {
            background: none;
            border-bottom: none;
        }

        thead {
            background: #f2f2f2
        }

        tbody tr:nth-child(even) {
            background: #f7f8fd
        }

        .tablelist th {
            height: 45px;
            padding-left: 30px
        }

        .tablelist td {
            border-right: none;
            padding-left: 30px
        }

        tbody tr {
            height: 38px
        }

        .check {
            padding-left: 0px
        }

        a {
            cursor: pointer;
        }

        .tablelist tr td {
            text-align: center;
        }

        .tablelist tr {
            border: #cccccc 1px solid;
        }

        .tablelist tr th {
            text-align: center;
        }

        .solid_ccc {
            border-left: #cccccc 1px solid;
        }
    </style>
</head>
<body style="background: #f5f5f5;padding: 0 10px;">
<div class="place" style="background: #f5f5f5;margin-top: 10px">
    <ul class="placeul">
        <li><a href="#">基础资料</a></li>
        <li><a href="#">财务基础资料</a></li>
        <li><a href="<%=path%>/DrivingSys/select_driving/look.action">协议驾校</a></li>
    </ul>
</div>

<%--提示的隐藏标识--%>
<input type="hidden" id="alertType" value="${alertType}">
<div class="rightinfo" style="background: #fff;border-radius:10px;height: 45px;">

    <form action="<%=path%>/DrivingSys/select_driving/look.action" method="post">
        <ul class="seachform">
            <li><label>名称</label><input name="name" type="text" class="scinput" value="${name}"/></li>
                <li><label>&nbsp;</label><input name="" type="submit"  class="scbtn" value="立即查询" /></li>
        </ul>
    </form>
</div>


<div style="width: 100%;overflow:auto;margin-bottom: 0px;margin-top: 30px;background: #fff;border-radius:10px;box-shadow: 0 0 10px #f2f2f2;">
    <ul>
        <li style="height: 40px;text-align: left;color: #999999;">
				  <span style="font-size: 12px;">
                      <shiro:hasPermission name="/go_add_driving">
				  <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                       src="<%=path%>/images/list/xz.png">
                          &nbsp;<a href="<%=path%>/DrivingSys/go_add_driving">新增</a>
                      </shiro:hasPermission>
                      <shiro:hasPermission name="/delete_driving">
				  <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                       src="<%=path%>/images/list/sc.png">
                          &nbsp;<a class="del">删除</a>
                      </shiro:hasPermission>
                      <shiro:hasPermission name="/go_update_driving">
                          <img alt="" height="11px" src="<%=path%>/images/list/xg.png" style="padding-left: 20px">
                          <a style="color: #000" class="modify">修改</a>
                      </shiro:hasPermission>
				       <shiro:hasPermission name="/queryDrivingXls">
                             <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                                  src="<%=path%>/images/list/excel.png" style="padding-left: 20px">
                           <a style="color: #000" id="importExcel">导出Excle</a>
                       </shiro:hasPermission>
				  </span>
        </li>
    </ul>
    <table class="tablelist" style="width: 100%;white-space:nowrap;">
        <thead>
        <tr>
            <th class="sq"><input type="checkbox" class="check1"></th>
            <th>编码</th>
            <th>名称</th>
            <th>简称</th>
            <th>描述</th>
            <th>创建时间</th>
            <th>最后修改时间</th>
            <th>创建者</th>
            <th>修改人</th>
            <th>操作</th>
        </tr>
        </thead>
        <c:forEach items="${drivingList}" var="driving" varStatus="s">
            <tr class="xq">
                <td><input name="check" type="checkbox" class="check" value="${driving.fid}"/></td>

                <td>${driving.fnumber}</td>
                <td>${driving.fnameL2}</td>
                <td>${driving.fsimplename}</td>
                <td>${driving.fdescriptionL2}</td>
                <td>${driving.fcreatetime}</td>
                <td>${driving.flastupdatetime}</td>
                <td>${driving.createName}</td>
                <td>${driving.updateName}</td>
                <td>
                    <shiro:hasPermission name="/go_update_driving">
                        <img alt="" height="11px" src="<%=path%>/images/list/xg.png">
                        <a href="<%=path%>/DrivingSys/go_update_driving?fid=${driving.fid}" class="tablelink">修改</a>&nbsp;&nbsp;&nbsp;
                    </shiro:hasPermission>
                    <shiro:hasPermission name="/delete_driving">
                    <img alt="" style="margin-top: 20px;margin-left: 22px;height: 12px;"
                         src="<%=path%>/images/list/sc.png">
                        &nbsp;<a class="delOne" class="tablelink" style="color: #056dae">删除
                        <input type="hidden"
                               value="${driving.fid}"></a>
                </shiro:hasPermission>
                    &nbsp;&nbsp;&nbsp;
                </td>
            </tr>
        </c:forEach>
    </table>
</div>

<div class="tip">
    <div class="tiptop">
        <span>提示信息</span>
    </div>
    <div class="tipinfo">
        <span><img src="<%=path%>/images/ticon.png"/></span>
        <div class="tipright">
            <p>是否确认对信息删除 ？</p>
            <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
        </div>
    </div>
    <div class="tipbtn">
        <input name="" type="button" class="sure" value="确定"/>&nbsp; <input
            name="" type="button" class="cancel" value="取消"/>
    </div>
</div>
</body>
<script type="text/javascript">

    //删除单个
    $('.delOne').click(function () {
        var fid = $(this).find("input:hidden").val();
        $('.window-mask').fadeToggle()
        $(".tip").fadeIn(200);
        $(".sure").click(function () {
            $('.window-mask').fadeOut()
            location = '<%=path%>/DrivingSys/delete_driving?deleteId=' + fid + '';
        })

        $(".cancel").click(function () {
            $(".tip").fadeOut(100);
        });
    })

    $(document).ready(function () {


        //删除多个
        $('.del').click(function () {
            /* $('.check').toggle() */
            /* $('.scbtn2').toggle() */
            var fidids = document.getElementsByName("check");
            var carid;
            for (var i = 0; i < fidids.length; i++) {
                if (fidids[i].checked) {
                    carid = fidids[i].value;
                }
            }
            if (carid == null || carid == "") {
                alert("请至少选择一条数据删除")
                return false
            } else {
                $(".tip").fadeIn(200);
            }
            $(".sure").click(function () {
                $(".tip").fadeOut(100);
                // $('.check').toggle()
                //$('.scbtn2').toggle()
                /* location='deleteCarByFid?deleteId='+deleteId+''; */
                var str = new Array();
                var fids = document.getElementsByName("check");
                for (var i = 0; i < fids.length; i++) {
                    if (fids[i].checked) {
                        str[i] = fids[i].value;
                    }
                }
                location = '<%=path%>/DrivingSys/delete_driving?deleteId=' + str + '';
            })

            $(".cancel").click(function () {
                $(".tip").fadeOut(100);
            });
        })

        //修改
        $(".modify").click(function () {
            var stringFid;
            var fids = document.getElementsByName("check");
            for (var i = 0; i < fids.length; i++) {
                if (fids[i].checked) {
                    stringFid = fids[i].value;
                    location = '<%=path%>/DrivingSys/go_update_driving?fid=' + stringFid + '';
                    return false
                }
            }
            if (stringFid == null || stringFid.length == 0) {
                alert("请至少选择一条数据修改")
                return false
            }
        })
        //查询详情
        $(".xq").dblclick(function () {
            var fid2 = $(this).find(".check").val();
            //避免fid中有+，或者特殊字符
            var fid = encodeURI(fid2).replace(/\+/g, '%2B')
            gotoSelectCard(this,'/DrivingSys/go_update_driving?fid='+fid);

            //location = '<%=path%>/DrivingSys/go_update_driving?fid=' + fid + '';
        })
        //全选全不选
        $(".check1").click(function () {
            if (this.checked) {
                $("[name=check]").attr("checked", true);
            }
            else {
                $("[name=check]").attr("checked", false);
            }
        })
        $("#importExcel").click(function () {
            var name = $("input[name='name']").val();

            location = '<%=path%>/DrivingSys/queryDrivingXls?name='
                + name;
        })
    })
</script>
<%@ include file="/WEB-INF/JSP/ajax.jsp" %>
</html>